<!--
 * @Author       : wfl
 * @LastEditors  : wfl
 * @description  :
 * @updateInfo   :
 * @Date         : 2023-04-24 09:22:16
 * @LastEditTime : 2023-04-24 09:32:55
-->
<script setup lang="ts" name="BaseTitle">
defineProps({
  title: {
    type: String,
    default: ''
  },
  subTitle: {
    type: String,
    default: ''
  }
})
</script>

<template>
  <p class="base-title">
    {{ title }}
    <span class="sub-title">{{ subTitle }}</span>
  </p>
</template>

<style lang="scss" scoped>
.base-title{
  font-size: 15px;
  font-weight: 600;
  color: var(--el-text-color-regular);
  margin-bottom: 18px;

  .sub-title{
    margin-left: 8px;
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    color: var(--el-text-color-secondary);
  }
}
</style>
